﻿<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Home</title>
    <!-- web-fonts -->
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <!-- off-canvas -->
    <link href="/CoolingPlan/css/mobile-menu.css" rel="stylesheet">
    <!-- font-awesome -->
    <link href="/CoolingPlan/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/CoolingPlan/css/bootstrap.min.css">
    <!-- Style CSS -->
    <link href="/CoolingPlan/css/style.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>
<body>
<div id="main-wrapper">
    <div id="preloader">
        <div id="status">
            <div class="status-mes"></div>
        </div>
    </div>
    <div class="uc-mobile-menu-pusher">
        <div class="content-wrapper">
            <nav class="navbar m-menu navbar-default navbar-fixed-top">
                <div style="position: absolute;left: 20px;top: 6px;">
                    <img src="/CoolingPlan/img/logo.png" style="width: 230px;height: 60px">
                </div>
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse " id="#navbar-collapse-1">


                        <ul class="nav navbar-nav navbar-right main-nav">
                            <li class="active"><a href="index.html">首页</a></li>

                            <li class="dropdown m-menu-fw"><a href="#" data-toggle="dropdown" class="dropdown-toggle">地图
                                <span><i class="fa fa-angle-down"></i></span></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <div class="m-menu-content">
                                            <ul class="col-sm-3">
                                                <li class="dropdown-header">主要功能</li>
                                                <li><a href="/CoolingPlan/map.html">最短路径</a></li>
                                                <li><a href="/CoolingPlan/map.html">清凉路径</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>

                    </div>
                </div>
            </nav>

            <div id="x-corp-carousel" class="carousel slide hero-slide hidden-xs" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#x-corp-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#x-corp-carousel" data-slide-to="1"></li>
                    <li data-target="#x-corp-carousel" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="/CoolingPlan/img/hero-slide-1.jpg" alt="主图1" width="1800px" height="3000px">

                        <div class="carousel-caption">
                            <div>
                                <h6>WHUer's</h6>
                            </div>


                            <p>夏日清凉出行计划</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="/CoolingPlan/img/hero-slide-2.jpg" alt="..." width="1800px" height="2000px">

                        <div class="carousel-caption">
                            <div class="name1">
                                <h6>实时</h6></div>

                            <p>日照及阴影分析</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="/CoolingPlan/img/hero-slide-3.jpg" alt="..." width="1800px" height="3000px">

                        <div class="carousel-caption">
                            <h5>规划</h5>

                            <p>炎炎夏日最佳出行路径</p>
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#x-corp-carousel" role="button" data-slide="prev">
                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#x-corp-carousel" role="button" data-slide="next">
                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <!-- #x-corp-carousel-->

            <section class="x-services ptb-100 gray-bg">

                <section class="section-title">
                    <div class="container text-center">
                        <h2>我们的特点与服务</h2>
                        <span class="bordered-icon"><i class="fa fa-circle-thin"></i></span>
                    </div>
                </section>

                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="thumbnail clearfix">
                                <a href="#"><img class="img-responsive" src="img/1.png" alt="Image"></a>

                                <div class="caption">
                                    <h3><a href="#">清凉路线</a></h3>

                                    <p>运用熵权法综合阴影面积和最短路径,为步行和骑行出行提供夏日专属避暑路线</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="thumbnail clearfix">
                                <a href="#"><img class="img-responsive" src="img/2.png" alt="Image"></a>

                                <div class="caption">
                                    <h3><a href="#">最短路径</a></h3>

                                    <p>基于Dijkstra算法,得到点对点的最短路径</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- row -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="thumbnail clearfix">
                                <a href="#"><img class="img-responsive" src="img/3.png" alt="Image"
                                                 width="500px"></a>

                                <div class="caption">
                                    <h3><a href="#">阴影区域</a></h3>

                                    <p>通过实时的日照分析,结合建筑物高度、树荫面积和道路宽度计算出行的阴影区域</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="thumbnail clearfix">
                                <a href="#"><img class="img-responsive" src="img/4.png" alt="Image"></a>

                                <div class="caption">
                                    <h3><a href="#">针对武大校内</a></h3>

                                    <p>武大师生游客夏日出行的不二之选</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="thumbnail clearfix">
                            <a href="#"><img class="img-responsive" src="img/5.jpg" alt="Image"></a>

                            <div class="caption">
                                <h3><a href="#">首创清凉计划</a></h3>

                                <p>Cooling Plan,前所未有!</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="thumbnail clearfix">
                            <a href="#"><img class="img-responsive" src="img/7.png" alt="Image"></a>

                            <div class="caption">
                                <h3><a href="#">关于未来</a></h3>

                                <p>微信小程序、手机端APP正在研发中......</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <script src="js/jquery-2.1.4.min.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/smoothscroll.js"></script>
            <script src="js/mobile-menu.js"></script>
            <script src="js/flexSlider/jquery.flexslider-min.js"></script>
            <script src="js/scripts.js"></script>
        </div>
    </div>
</div>

</body>
</html>
